*{
    margin: 0;
    padding: 0;
}
@total-width: 750;
.w{
    width: 693/40rem;
    margin: 0 auto;
}
// 设置根元素
html{
    // vw视口宽度
    // 设置rem的比值
    font-size: 100vw/@total-width *40;
    background-color: #eff0f4;
}
a{
    text-decoration: none;
}
// header
.top-bar:extend(.w){
   
    // 设置弹性容器
    display: flex;
    height: 175/40rem;
    // 设置对齐方式
    justify-content: space-between;
    //设置辅轴的对齐方式
    align-items: center;
    a{
        color: #24253d;
        font-size: 36px;
        
        i{
            color: #999;
            font-size: 16px;
        }
    }
}

.banner:extend(.w){
    img{
        width: 100%;
    }
}
.menu:extend(.w){
   height: 329/40rem;
   
   display: flex;
//    设置换行
   flex-flow: row wrap;
//    设置框的大小
a{
    
    width: 327/40rem;
    height: 104/40rem;
}
}
